$mainColor: #e6e5e6;
$subColor: #a5a5a5;
$buttonActive: #cfd0d2;
$testColor: dodgerblue;

webview {
    height: calc(100% - 60px);
}

.browser-title,
.browser-menu {
    width: 100%;
    height: 33px;
    background-color: $mainColor;
    border-bottom: 1px solid $subColor;
}

.browser-title {
    display: flex;
    justify-content: center;
    // align-items: center;

    .browser-title-labels {
        flex: 1;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-right: 50px;
        max-width: 80%;
        height: 100%;

        .browser-label {
            min-width: 80px;
            max-width: 300px;
            background-color: $testColor;
        }
    }

    .browser-title-control {
        display: flex;
        justify-content: center;
        // align-items: center;

        & > span {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 40px;
            height: 26px;
            font-size: 12px;
            transition: 0.2s linear;
            cursor: pointer;

            &:hover {
                background-color: $buttonActive;
            }

            i {
                display: inline-block;
                color: #959797;
            }
        }
    }
}